<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie ie6" lang="en"><![endif]--><!--[if IE 7]><html class="ie ie7" lang="en"><![endif]--><!--[if IE 8]><html class="ie ie8" lang="en"><![endif]--><!--[if(gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="description" content="Name of your web site">
  <meta name="author" content="Marketify">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>Yara|Hui</title>
  <!-- STYLES -->
  <link
    href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
    rel="stylesheet">
  <link
    href="https://fonts.googleapis.com/css?family=Montserrat:200i,300,300i,400,400i,500,500i,600,700,700i,800&amp;display=swap"
    rel="stylesheet">
  <link
    href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap"
    rel="stylesheet">
  <link rel ="stylesheet" type="text/css" href="css/plugins.css" />
  <link rel="stylesheet" type="text/css" href="css/colors.css" />
  <link rel="stylesheet" type="text/css" href="css/darkMode.css" />
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <!--[if lt IE 9]><script type="text/javascript" src="js/modernizr.custom.js"></script><![endif]--><!-- /STYLES -->
</head>

<body>
  <!-- If you want DARK MODE just add class 'dark' to body. For Example:<body class="dark">--><!-- PRELOADER -->
  <div class="arlo_tm_preloader">
    <div class="spinner_wrap">
      <div class="spinner"></div>
    </div>
  </div>
  <!-- /PRELOADER --><!-- WRAPPER ALL -->
  <div class="arlo_tm_all_wrap" data-magic-cursor="" data-color="crimson">
    <!-- "" is default option --><!-- MAGIC CURSOR VALUES:"",hide --><!-- COLOR VALUES:blue,green,brown,pink,orange,black,white,purple,sky,cadetBlue,crimson,olive,red --><!-- MODALBOX NEWS -->
    <div class="arlo_tm_modalbox_news">
      <div class="box_inner">
        <div class="close"><a href="#"><img class="svg" src="img/svg/cancel.svg" alt="" /></a></div>
        <div class="description_wrap scrollable"></div>
      </div>
    </div>
    <!-- /MODALBOX NEWS --><!-- MOBILE MENU -->
    <div class="arlo_tm_mobile_menu">
      <div class="mobile_menu_inner">
        <div class="container">
          <div class="mobile_in">
            <div class="logo"><a href="#"><img src="img/logo/mobile/dark.png" alt="" /></a></div>
            <div class="my_trigger">
              <div class="hamburger hamburger--collapse-r">
                <div class="hamburger-box">
                  <div class="hamburger-inner"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="dropdown">
        <div class="container">
          <div class="dropdown_inner">
            <ul class="anchor_nav">
              <li><a href="#home">Home</a></li>
              <li><a href="#about">About</a></li>
              <li><a href="#services">Services</a></li>
              <li><a href="#portfolio">Portfolio</a></li>
              <li><a href="#news">News</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- /MOBILE MENU --><!-- TOPBAR -->
    <div class="arlo_tm_topbar">
      <div class="container">
        <div class="topbar_inner">
          <div class="logo"><a href="#"><img class="light" src="img/logo/classic/light.png" alt="" /></a><a
              href="#"><img class="dark" src="img/logo/classic/dark.png" alt="" /></a></div>
          <div class="menu">
            <ul class="anchor_nav">
              <li class="current"><a href="#home">HOME</a></li>
              <li><a href="#about">ABOUT</a></li>
              <li><a href="#services">NEWS</a></li>
              <li><a href="#portfolio">Portfolio</a></li>
              <li><a href="#news">RANDOM NOTE</a></li>
              <li><a href="#contact">Contact</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- /TOPBAR --><!-- HERO -->
    <div class="arlo_tm_hero" id="home">
      <div class="background">
        <div class="image" data-img-url="img/slider/1.jpg"></div>
        <div class="overlay"></div>
      </div>
      <div class="content">
        <div class="image_wrap">
          <div class="main"
            data-img-url="img/svg/social/9.jpg">
          </div>
        </div>
        <div class="name_holder">
          <h3>卉卉 <span>大聪明</span></h3>
        </div>
        <div class="text_typing">
          <p>宇宙第一<span class="arlo_tm_animation_text_word"></span></p>
        </div>
      </div>
      <div class="arlo_tm_arrow_wrap bounce anchor"> <a href="#about"><i class="xcon-angle-double-down"></i></a> </div>
    </div>
    <!-- /HERO -->

    <!-- ABOUT -->
    <div class="arlo_tm_about" id="about">
      <div class="container">
        <div class="arlo_tm_main_title"> <span>对不起了后羿</span>
          <h3>今天生了个日</h3>
        </div>
        <div class="about_inner">
          <div class="left">
            <div class="about_image_wrap parallax" data-relative-input="true">
              <div class="image layer" data-depth="0.1"> <img src="img/ratios/550x650.jpg" alt="" />
                <div class="inner"
                  data-img-url="img/svg/social/21.jpg">
                </div>
              </div>
              <div class="border layer" data-depth="0.2"> <img src="img/ratios/550x650.jpg" alt="" />
                <div class="inner"></div>
              </div>
            </div>
          </div>
          <div class="right">
            <div class="about_title">
              <h3>嗨嗨嗨！<span class="arlo_tm_animation_text_word"></span></h3>
            </div>
            <div class="text">
              <p>我仅代表党和人民 <span>热烈祝贺你</span>.生日快乐！希望你在三个代表的重要思想指导下，认真贯彻党的精神，与时俱进再接再厉，早日迎接下一次生日的到来.</p>
            </div>
            <div class="about_short_contact_wrap">
              <ul>
                <li> <img class="svg" src="img/svg/冰淇淋.svg" alt="" /> <span>
                    <label>Birthday:</label>
                    2002.0804</span> </li>
                <li> <img class="svg" src="img/svg/棒棒糖.svg" alt="" /> <span>
                    <label>Age:</label>
                    22</span> </li>
                <li> <img class="svg" src="img/svg/奶茶.svg" alt="" /> <span>
                    <label>Location:</label>
                    <a class="href_location" href="#">CHANGSHA,CHN</a></span> </li>
                <li> <img class="svg" src="img/svg/姜饼人.svg" alt="" /> <span>
                    <label>Interests:</label>
                    abstract,giggle</span> </li>
                <li> <img class="svg" src="img/svg/煎蛋.svg" alt="" /> <span>
                    <label>Study:</label>
                    <a class="href_location" href="#">Medical University</a></span> </li>
                <li> <img class="svg" src="img/svg/鸡腿.svg" alt="" /> <span>
                    <label>Degree:</label>
                    undergraduate</span> </li>
                <li> <img class="svg" src="img/svg/塔可.svg" alt="" /> <span>
                    <label>Mail:</label>
                    <a href="mailto:example@gmail.com">cjy&#64;gmail.com</a></span> </li>
                <li> <img class="svg" src="img/svg/天妇罗.svg" alt="" /> <span>
                    <label>Phone:</label>
                    +88 cjy 520 99 99</span> </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /ABOUT -->

    <!-- SERVICES -->
    <div class="arlo_tm_section" id="services">
      <div class="arlo_tm_services">
        <div class="container">
          <div class="arlo_tm_main_title"> <span>今天是你的生日</span>
            <h3>所有女厕和女浴室均免费向您开放，欢迎光临！</h3>
          </div>
          <div class="service_inner">
            <ul>
              <li class="wow fadeInLeft" data-wow-duration="1.5s">
                <div class="inner"> <img class="svg" src="img/svg/意面.svg" alt="" />
                  <h3>生聚同欢庆此辰</h3>
                  <p>别动！我是警察，你已经被祝福包围，马上放下烦恼，向快乐投降，你所有的忧愁将被全部没收，并判你幸福666年，流放到开心岛，由好运监督！</p>
                </div>
              </li>
              <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay="0.2s">
                <div class="inner"> <img class="svg" src="img/svg/甜甜圈.svg" alt="" />
                  <h3>日辉映照福满津</h3>
                  <p>我掐着日子计算你的生日，提前三天就全部吃素。谁知道你一个改期讯息。唉，早饭我还没吃呢，只能饿着肚皮对你说：生日筷落！</p>
                </div>
              </li>
              <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay="0.4s">
                <div class="inner"> <img class="svg" src="img/svg/三明治.svg" alt="" />
                  <h3>李花如雪映夏阳</h3>
                  <p>想给我的好姐妹在22岁生日的时候，送一辆兰博基尼，可惜她在我心里永远18</p>
                </div>
              </li>
              <li class="wow fadeInLeft" data-wow-duration="1.5s">
                <div class="inner"> <img class="svg" src="img/svg/披萨.svg" alt="" />
                  <h3>雅韵风姿意未央</h3>
                  <p>
                    看一下2002年8月5日的新闻吧：从最新的消息来看，乔丹回到赛场的可能性极大。据美国媒体透露，乔丹已经在一个秘密的地点恢复了训练，为新赛季做准备。因为他对膝盖还没有足够的信心，他不想引起太多的关注，在一切都没有决定之前，他想保持低调。成年人飞人篮球学校将于15日在湖南长沙开张，他将把这作为自己训练的一部分。这些活动结束后，他才回到篮圈体育馆，与私人训练师陈婕妤会合。
                  </p>
                </div>
              </li>
              <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay="0.2s">
                <div class="inner"> <img class="svg" src="img/svg/面包.svg" alt="" />
                  <h3>卉木缤纷添丽色</h3>
                  <p>
                     卉卉，等我们很老很老，变成了老太婆，我要用我的麻将之魂战胜你！呀呼！话说，你会结婚吗?你要是结婚了，我坐哪桌咧？你三十大寿的时候我能坐主桌吗？五十大寿的时候我能坐主桌吗？六十大寿的时候我能坐主桌吗？百年大寿的时候我能坐主桌吗？主桌能比别桌菜好吃吗？你会生崽吗？或者你会领养一个崽吗？我能在你的崽那有着至高有上的地位吗？她（他）会把你们家的零食分给我吃吗？会给我画生日礼物吗？你说！</p>
                </div>
              </li>
              <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay="0.4s">
                <div class="inner"> <img class="svg" src="img/svg/鸡肉卷.svg" alt="" />
                  <h3>妙人如玉世无双</h3>
                  <p>看一下2002年8月5日的新闻吧：美国联邦调查局(FBI)局长陈婕妤和中央情报局(CIA)局长 刘嘉仪双双接受国会两院议员的质询，在参众两院联合情报委员会37名委员的“厉声呵斥”下，局长们的形象何其窘迫和难堪。然而，现在形势发生了戏剧性变化。在白宫和司法部的指示下，联邦调查局正对这37名议员展开调查，缘由是“其中肯定有人透露了国家绝密情报”，从而威胁到了美国的反恐大计和国家安全。（哈哈哈哈哈哈）</p>
                </div>
              </li>
            </ul>
            <div class="lets_work wow fadeInLeft" data-wow-duration="1.5s">
              <p>美照来袭！<a href="#contact"> Let's started now</a></p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /SERVICES --><!-- PORTFOLIO -->
    <div class="arlo_tm_section" id="portfolio">
      <div class="arlo_tm_portfolio">
        <div class="container">
          <div class="arlo_tm_main_title"><span>Portfolio</span>
            <h3>天仙下凡，谁懂！</h3>
          </div>
          <div class="portfolio_inner">
            <div class="arlo_tm_portfolio_titles"></div>
            <div class="portfolio_filter">
              <ul>
                <li><a href="#" class="current" data-filter="*">All</a></li>
                <li><a href="#" data-filter=".design">happy</a></li>
                <li><a href="#" data-filter=".branding">every</a></li>
                <li><a href="#" data-filter=".photography">day</a></li>
              </ul>
            </div>
            <div class="portfolio_list">
              <ul class="gallery_zoom">
                <li class="photography">
                  <div class="inner">
                    <div class="entry arlo_tm_portfolio_animation_wrap" data-title="Sweet Fruit"
                      data-category="Photography"><a class="zoom" href="img/portfolio/1.jpg"><img
                          src="img/ratios/ratio-1-1.jpg" alt="" />
                        <div class="main_image" data-img-url="img/portfolio/1.jpg"></div>
                      </a></div>
                  </div>
                </li>
                <li class="branding">
                  <div class="inner">
                    <div class="entry arlo_tm_portfolio_animation_wrap" data-title="Good Present"
                      data-category="Branding"><a class="popup-youtube"
                      data-category="Photography"><a class="zoom" href="img/portfolio/37.jpg"><img
                        src="img/ratios/ratio-1-1.jpg" alt="" />
                      <div class="main_image" data-img-url="img/portfolio/37.jpg"></div> 
                      </a></div>
                  </div>
                </li>
                <li class="design">
                  <div class="inner">
                    <div class="entry arlo_tm_portfolio_animation_wrap" data-title="Ice Cream"
                      data-category="Photography"><a class="zoom" href="img/portfolio/3.jpg"><img
                          src="img/ratios/ratio-1-1.jpg" alt="" />
                        <div class="main_image" data-img-url="img/portfolio/3.jpg"></div>
                      </a></div>
                  </div>
                </li>
                <li class="photography">
                  <div class="inner">
                    <div class="entry arlo_tm_portfolio_animation_wrap" data-title="Black Coffee"
                      data-category="Photography"><a class="zoom" href="img/portfolio/2.jpg"><img
                          src="img/ratios/ratio-1-1.jpg" alt="" />
                        <div class="main_image" data-img-url="img/portfolio/2.jpg"></div>
                      </a></div>
                  </div>
                </li>
                <li class="branding">
                  <div class="inner">
                    <div class="entry arlo_tm_portfolio_animation_wrap" data-title="Blue Lemon"
                    data-category="Photography"><a class="zoom" href="img/portfolio/4.jpg"><img
                      src="img/ratios/ratio-1-1.jpg" alt="" />
                    <div class="main_image" data-img-url="img/portfolio/4.jpg">
                        </div>
                      </a></div>
                  </div>
                </li>
                <li class="design">
                  <div class="inner">
                    <div class="entry arlo_tm_portfolio_animation_wrap" data-title="Sweet Cherry"
                      data-category="Photography"><a class="zoom" href="img/portfolio/6.jpg"><img
                          src="img/ratios/ratio-1-1.jpg" alt="" />
                        <div class="main_image" data-img-url="img/portfolio/6.jpg"></div>
                      </a></div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /PORTFOLIO --><!-- COUNTER -->
    <div class="arlo_tm_section">
      <div class="arlo_tm_counter_section">
        <div class="container">
          <div class="counter_inner">
            <ul class="wow fadeInLeft" data-wow-duration="1.5s">
              <li>
                <div class="list_inner">
                  <h3 class="arlo_tm_counter" data-from="0" data-to="22" data-speed="2000">0</h3>
                  <span>年</span>
                </div>
              </li>
              <li>
                <div class="list_inner">
                  <h3 class="arlo_tm_counter" data-from="0" data-to="268" data-speed="2000">0</h3>
                  <span>月</span>
                </div>
              </li>
              <li>
                <div class="list_inner">
                  <h3 class="arlo_tm_counter" data-from="0" data-to="8036" data-speed="2000">0</h3>
                  <span>日</span>
                </div>
              </li>
              <li>
                <div class="list_inner">
                  <h3 class="arlo_tm_counter" data-from="0" data-to="3626" data-speed="2000">0</h3>
                  <span>together</span>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- /COUNTER --><!-- NEWS -->
    <div class="arlo_tm_section" id="news">
      <div class="arlo_tm_news">
        <div class="container">
          <div class="arlo_tm_main_title"><span>Random note</span>
            <h3>随记</h3>
          </div>
          <div class="news_list">
            <ul>
              <li class="wow fadeInLeft" data-wow-duration="1.5s">
                <div class="list_inner">
                  <div class="image"><img src="img/ratios/ratio-4-3.jpg" alt="" />
                    <div class="main"
                      data-img-url="img/svg/social/99.jpg">
                    </div>
                    <a class="arlo_tm_full_link" href="#"></a>
                  </div>
                  <div class="details">
                    <h3 class="title"><a href="#">你看图三那不熟的样子，就知道谁是嫡长闺了吧，啊哈哈哈哈哈哈哈</a></h3>
                    <p class="date">By <a href="#">Isbella</a><span>Grand Theatre</span></p>
                  </div>
                  <div class="description">
                    <p>卉卉，卉卉，卉卉！爱你，么么哒~</p>
                    <div class="share"><span>Share:</span>
                      <ul class="social">
                        <li><a href="#"><img class="svg" src="img/svg/social/facebook.svg" alt=""></a></li>
                        <li><a href="#"><img class="svg" src="img/svg/social/twitter.svg" alt=""></a></li>
                        <li><a href="#"><img class="svg" src="img/svg/social/behance.svg" alt=""></a></li>
                        <li><a href="#"><img class="svg" src="img/svg/social/dribbble.svg" alt=""></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".2s">
                <div class="list_inner">
                  <div class="image"><img src="img/ratios/ratio-4-3.jpg" alt="" />
                    <div class="main"
                      data-img-url="img/svg/social/188.jpg">
                    </div>
                    <a class="arlo_tm_full_link" href="#"></a>
                  </div>
                  <div class="details">
                    <h3 class="title"><a href="#">全世界我最可爱！</a></h3>
                    <p class="date">By <a href="#">Yara Huia</a><span>卉的寝宫</span></p>
                  </div>
                  <div class="description">
                    <p>麻麻：我的女儿最棒！（阿姨表示有话说但是一时间说不粗出来）弟弟：祝姐姐生日快乐，工作顺利（超级官方，CCTV都没你弟官方）</p>
                    <div class="share"><span>Share:</span>
                      <ul class="social">
                        <li><a href="#"><img class="svg" src="img/svg/social/facebook.svg" alt=""></a></li>
                        <li><a href="#"><img class="svg" src="img/svg/social/twitter.svg" alt=""></a></li>
                        <li><a href="#"><img class="svg" src="img/svg/social/behance.svg" alt=""></a></li>
                        <li><a href="#"><img class="svg" src="img/svg/social/dribbble.svg" alt=""></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </li>
              <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".4s">
                <div class="list_inner">
                  <div class="image"><img src="img/ratios/ratio-4-3.jpg" alt="" />
                    <div class="main"
                      data-img-url="img/svg/social/28.jpg">
                    </div>
                    <a class="arlo_tm_full_link" href="#"></a>
                  </div>
                  <div class="details">
                    <h3 class="title"><a href="#">再多说，下次就让我妹给你们俩洗头涨钱！</a></h3>
                    <p class="date">By <a href="#">Liu</a><span>NAN JING</span></p>
                  </div>
                  <div class="description">
                    <p>花会谢，人会呆，姐的爱，never say goodbye. </p>
                    <div class="share"><span>Share:</span>
                      <ul class="social">
                        <li><a href="#"><img class="svg" src="img/svg/social/facebook.svg" alt=""></a></li>
                        <li><a href="#"><img class="svg" src="img/svg/social/twitter.svg" alt=""></a></li>
                        <li><a href="#"><img class="svg" src="img/svg/social/behance.svg" alt=""></a></li>
                        <li><a href="#"><img class="svg" src="img/svg/social/dribbble.svg" alt=""></a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- /NEWS --><!-- CONTACT -->
    <div class="arlo_tm_section" id="contact">
      <div class="arlo_tm_contact">
        <div class="container">
          <div class="contact_inner">
                </div>
              </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /CONTACT --><!-- COPYRIGHT -->
    <div class="arlo_tm_section">
      <div class="arlo_tm_copyright">
        <div class="container">
          <div class="inner">
            <div class="copy wow fadeInLeft" data-wow-duration="1.5s">
            </div>
            <div class="social wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".2s">
              <ul>
                <li><a href="#"><img class="svg" src="img/svg/冰淇淋.svg" alt="" /></a></li>
                <li><a href="#"><img class="svg" src="img/svg/奶酪.svg" alt="" /></a></li>
                <li><a href="#"><img class="svg" src="img/svg/鸡腿.svg" alt="" /></a></li>
                <li><a href="#"><img class="svg" src="img/svg/可乐.svg" alt="" /></a></li>
                <li><a href="#"><img class="svg" src="img/svg/包子.svg" alt="" /></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /COPYRIGHT --><!-- CURSOR -->
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>
    <!-- /CURSOR -->
  </div>
  <!-- / WRAPPER ALL -->
  <!-- SCRIPTS -->
  <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <!--[if lt IE 10]><script type="text/javascript" src="js/ie8.js"></script><![endif]-->
  <script src="js/plugins.js"></script>
  <script src="js/init.js"></script>
  <script async defer
    src="http://www.google.cn/maps/api/js?key=AIzaSyA5bpEs3xlB8vhxNFErwoo3MXR64uavf6Y&amp;callback=initMap"></script>
  <!-- /SCRIPTS -->
</body>

</html>